<extend name='layout:index'/>
<block name='content'>
<body>
 



    <div class="wrapper wrapper-content animated fadeInRight">
      <div class="row">
      <div class="tabs-container">
		   <ul class="nav nav-tabs text-center">
		       <li class="active"><a data-toggle="tab" href="#tab-1" aria-expanded="true" id="a_one" onclick="f1()" style="width:300px;background-color:white;"> 匹配E积分</a>
		       </li>
		       <li class=""><a data-toggle="tab" href="#tab-2" aria-expanded="false" id="a_two" onclick="f2()" style="width:300px;">待匹配E积分</a>
		       </li>
		   </ul>
      <div class="tab-content">
       <div id="tab-1" class="tab-pane active">
           <div class="panel-body">
           <div class="col-sm-6">
			  <div class="ibox float-e-margins">
			      <div class="ibox-content">
			      
			          	<div style="margin-left:0px;"><span style="font-size:1.3em">当前E积分价格：</span><span style="font-size:22px;color:red;">${$res.param1}</span></div>
			         
			           	<div style="margin-left:0px;"><span style="font-size:1.3em"> E积分交易量达 ：</span><span style="color:red;font-size:1.4em">{$res.param8_1}</span>时，</div><div style="margin-left:0px;"><span style="font-size:1.3em">价格上涨：</span><span style="color:red;font-size:22px">${$res.param8_2}</span></div>
			   
			       </div>
			   </div>
			</div>
			<div class="col-sm-6">
			  <div class="ibox float-e-margins">
			      <div class="ibox-content">
			      	<div><span style="font-size:1.3em;color:blue;">当前市值：{$user['option_num']*$res['param1']}</span></div>
	            	<p></p>
	            	<div><span style="font-size:1.3em">当前E积分总数 ：{$user.option_num}</span></div>
	            	<p></p>
	            	<div><span style="font-size:1.3em">历史E积分出售总数：{$user.option_num2}</span></div>
			      	
			       </div>
			   </div>
			</div>
			<div class="col-sm-6">
			<div class="ibox float-e-margins">
	            <div class="ibox-content">
	            	<div><span style="font-size:1.3em">本轮E积分总数：{$res.nowetotal}</span></div>
	            	<p></p>
	            	<div><span style="font-size:1.3em">剩余E积分总数：{$res.sys}</span></div>
	            	<p></p>
	            	<div><span style="font-size:1.3em">今日E积分交易数：{$res.jys}</span></div>
				</div>
			</div>
			</div>
			
            	
           <div class="col-sm-6">
            <div class="ibox-content">
           		<div class="table-responsive">
					<table class="table">
					<!--a data-toggle="modal" data-target="#myModal">[全屏]</a>-->
			    <div id="main" style="width: 500px;height:265px;" class=" J_iframe"></div>
			    <input type="hidden" value={$qdata} id="qdata">
                        <!-- <div class="echarts" id="echarts-line-chart"></div> -->
		    </div>	
				</table>
				</div>
				</div>
			</div>
			<div class="col-sm-12">
            <div class="ibox-content">
            
                <if condition="($res.txsjstart neq 0) and ($res.txsjend neq 0) and ($_SESSION['users']['user_money3'].user_money3 gt 0)">
           		<div style="color:red;text-align: center;font-size:1.3em">提示：您的认购积分将于{$res.txsjstart}~{$res.txsjend}个工作日匹配成功，具体时间以平台实际匹配时间为准！</div>
			
			</if>
			
						</div>


			</div>
			
            </div>
        </div>
        <div id="tab-2" class="tab-pane">
            <div class="panel-body">
            <div class="col-sm-12">
			  <div class="ibox float-e-margins">
			    <div class="ibox-content">
            	<form class="form-horizontal m-t" name="aqmmform">
	              		<div class="table-responsive">
							<table class="table table-bordered table-striped table-hover">
								<thead>
									<tr>
										<th>编号</th>
										<th>待匹配认购积分</th>
										<th>日期</th>
									</tr>
									</thead>
									<tbody>
							 									<tr>
										<td>{$_SESSION['users']['user_id']}</td>
										<td>{$_SESSION['users']['user_money3']}</td>
										<td><?php echo date('Y-m-d H:i:s',$_SESSION['users']['huitian_time']); ?></td>
									</tr>
                                    </tbody>
							</table>
							</div>
							<div class="">



 <div id="pager">
  <span style="margin-right:10px;">总计 <b>0</b>  个记录</span>
      
      </div>



<script type="Text/Javascript" language="JavaScript">
&lt;!--

function selectPage(sel)
{
  sel.form.submit();
}

//--&gt;
</script>
</div></form>
	             
	           </div>
	           </div>
	           </div>
            </div>
        </div>
   </div>
   </div>
</div>
    </div>
    <script src="themes/default/js/jquery.min.js?v=2.1.4"></script>
    <script src="themes/default/js/bootstrap.min.js?v=3.3.5"></script>
    <script src="themes/default/js/content.min.js?v=1.0.0"></script><div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog" style="width: 100%">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
      </div>
      <div class="modal-body">
        <div class="table-responsive">
	  <iframe class=" J_iframe" id="mainiframe" name="iframe0" src="?act=1" data-id="?act=qqmc" seamless="" frameborder="0" height="100%" width="100%"></iframe><table class="table ">
		      
 		</table>
	</div>
      </div>
    </div>
  </div>
</div>
    <script src="__PUBLIC__/home/js/plugins/layer/layer.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/home/js/mui.min.js"></script>
     <script src="__PUBLIC__/home/js/echarts.common1.min.js"></script>
    	<script>    	
    		// x轴的刻度  == 数学上的x轴
    		var xzhou = {$tdata};
    		// 数据 == 数学上的x轴上对应的数值
    		var data = {$qdata}
    		// 基于准备好的dom，初始化echarts实例
            var myChart = echarts.init(document.getElementById('main'));

            // 指定图表的配置项和数据
            option = {
    		    tooltip: {
    		        trigger: 'axis'
    		    },
    		    toolbox: {
    		        show: true,
    		        feature: {
    		            dataZoom: {
    		                yAxisIndex: 'none'
    		            },
    		            dataView: {readOnly: false}
    		        }
    		    },
    		    xAxis:  {
    		        type: 'category',
    		        boundaryGap: false,
    		        scale: true,
    		        data: xzhou,

    		    },
    		    yAxis: {
    		        type: 'value',
    				min:"0.2",
    				max:"0.4",
    				splitNumber:9,
    		    },
    		    dataZoom: [
    		        {
    		            id: 'dataZoomX',
    		            type: 'slider',
    		            xAxisIndex: [0],
    		            filterMode: 'filter'
    		        }
    		    ],
    		    series: [
    		        {
    		            name:'指数',
    		            type:'line',
    		            data:data,
    		            markPoint: {
    		                data: [
    		                    {type: 'max', name: '最大值'},
    		                    {type: 'min', name: '最小值'}
    		                ]
    		            }
    		        }
    		    ]
    		};


            // 使用刚指定的配置项和数据显示图表。
            myChart.setOption(option);
    	</script>
		<script>
			var className = document.getElementsByClassName('link');
			for(var i = 0; i < className.length; i++) {
				className[i].addEventListener('tap', function() {
					var href = $(this).attr("name");
					layer.ready(function() {
						layer.open({
							type: 2,
							title: 'layer弹层组件',
							fix: false,
							shadeClose: true,
							maxmin: true,
							area: ['100%', '100%'],
							content: href
						});
					});
				})
			}
    	</script>
		<script>
			var className = document.getElementsByClassName('link');
			for(var i = 0; i &lt; className.length; i++) {
				className[i].addEventListener('tap', function() {
					var href = $(this).attr("name");
					layer.ready(function() {
						layer.open({
							type: 2,
							title: 'layer弹层组件',
							fix: false,
							shadeClose: true,
							maxmin: true,
							area: ['100%', '100%'],
							content: href
						});
					});
				})
			}
		</script>
 
    <script>
    	$('.bnt').click(function(){
    		var num = $('#sell_num').val();
    		
    	});
    </script>



</body>
</block>